iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0

文本格式化指的是使用各種方法來控制文本的外觀和佈局,以便更好地呈現和傳達信息。這包括設置字體、字體大小、顏色、行距、對齊方式等屬性,以及使用粗體、斜體、下劃線等效果來強調文本。

而在HTML當中也有這些能夠改變文本外觀的元素以下是一些範例和分類:

1. 強調類

- <b> - 定義粗體文本

例如:<b>粗體文本</b>

- <strong> - 定義重要的文本,通常以粗體顯示

例如:<strong>重要文本</strong>

- <i> - 定義斜體文本

例如:<i>斜體文本</i>

- <em> - 定義被強調的文本,通常以斜體顯示

例如:<em>強調文本</em>

2. 下劃線和刪除線類

- <ins> - 定義被插入的文本,通常以下劃線顯示

例如:<ins>下劃線文本</ins>

- <del> - 定義被刪除的文本,通常以刪除線顯示

例如:<del>刪除線文本</del>

3. 上標和下標類

- <sup> - 定義上標文本

例如:<sup>上標文本</sup>

- <sub> - 定義下標文本

例如:<sub>下標文本</sub>

4. 計算機代碼類

- <code> - 定義計算機代碼文本

例如:<code>代碼文本</code>

- <kbd> - 定義鍵盤輸入

例如:<kbd>Ctrl + S</kbd>

- <samp> - 定義計算機程序的樣本輸出

例如:<samp>程序輸出</samp>

- <var> - 定義變量

例如:<var>x</var> = 5

- <pre> - 定義預格式化文本塊

例如:

<pre>
預格式化的
文本塊
</pre>

5. 引用類

- <abbr> - 定義縮寫或首字母縮略詞

例如:<abbr title="HyperText Markup Language">HTML</abbr>

- <address> - 定義聯係信息

例如:

<address>
作者:<a href="mailto:xxx@example.com">xxx</a><br>
地址:xxxx
</address>

- <bdo> - 定義文字方向

例如:<bdo dir="rtl">從右到左文字</bdo>

- <blockquote> - 定義長引用塊

例如:

<blockquote cite="http://example.com">
長引用內容...
</blockquote>

- <q> - 定義短引用語

例如:<q>短引用內容</q>

- <cite> - 定義引用(工作)的標題

例如:<cite>論語</cite>

6. 其他文本類

- <mark> - 定義有標記的文本

例如:<mark>標記文本</mark>

- <small> - 定義小號字體文本

例如:<small>小字體文本</small>

- <dfn> - 定義定義項目

例如:<dfn>HTML</dfn> 是一種用於網頁開發的語言。

以上簡單的介紹了文本格式化的一些基本樣式,善用這些樣式能夠增加文本的閱讀性才不會枯燥乏味。


上一篇
[DAY1]前言&HTML常用標籤
下一篇
[DAY3]HTML-區塊級容器和行內容器的區別
系列文
selenium爬蟲應用至discord bot30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言